﻿body
{
    /* background-color: #333; */
    background: #F2F2F2;

}

table
{
    border-collapse: collapse;

}

table#mainTable
{
    width: 100%;
    height: 100%;
    top: 150px;
}

div#footer
{
    /* background-image: url(../Images/top-bg.png); background-repeat: repeat-x; background-color: #FFFFFF; */
    padding: 20px 0;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0,0,0, .4);
    text-align: center;
    background-color: #000;
    left: 0px;
    position: absolute;
    bottom: 0;
    width: 100%;
}

div#ccpFooter
{
    /* background-image: url(../Images/top-bg.png); background-repeat: repeat-x; background-color: #FFFFFF; */
    padding: 20px 0;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0,0,0, .4);
    text-align: center;
    background-color: #000;
    width: 100%;
}

div#header
{
    height: 85px;
    background-color: #E4E4E4;
    left: 0px;
    position: absolute;
    top: 0;
    width: 100%;
    border-bottom: 6px #E4E4E4 solid;
}

div#contentHome
{
    left: 0px;
    position: absolute;
    top: 80px;
    width: 100%;

}


div#content
{
    left: 0px;
    position: absolute;
    top: 80px;
    width: 100%;
    background-image: url(../Images/contop.png);
    background-repeat: repeat-x;
}


div#headerLogo
{
    left: 10px;
    position: absolute;
    top: 10px;
    width: 300px;
}

div#headerLogoCenter
{
    text-align: center;
}

div#headerBtn
{
    left: 300px;
    position: absolute;
    top: 15px;
    width: 400px;
}
div#headerText
{
    left: 700px;
    position: absolute;
    top: 10px;
}

div#code
{
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0px auto;
    padding: 25px;
}

div#centerDiv
{
    text-align: center;
}

div#hiddenDiv
{
    display: none;
}

div#containerDiv
{
    background-color: #99CCFF;
    border: thick solid #808080;
    padding: 20px;
    margin: 20px;
    display: none;
}

div#NewFolderDiv
{
    height: 30px;
}

.PopupBackground
{

    background-color: Black;
    filter: Alpha(opacity=70);
    opacity: 0.70;

}
.PopupPanelBorder
{
    -moz-box-shadow: 0 0 3px 3px #333;
    -webkit-box-shadow: 0 0 3px 3px#333;
    box-shadow: 0 0 3px 3px #333;
    background-color: white;
}
.GridViewShadowBorder
{
    -webkit-box-shadow: #666 4px 4px 8px; /*陰影for Google Chrome、Safari*/
    -moz-box-shadow: #666 4px 4px 8px; /*陰影for Firefox*/
    box-shadow: #666 4px 4px 8px; /*陰影for IE*/
}
.ImageButtonShadowBorder
{
    
}
.grid-view tr.normal:hover, .grid-view tr.alternate:hover
{
    background-color: white;
    color: black;
    font-weight: bold;
}
a:hover
{
    /*background-color: #F5F5F5;*/
    color: #00F;
}

.xSmallFont
{
    font-size: 10pt;
}
        
.smallFont
{
    font-size: 12pt;
}

.mediumFont
{
    font-size: 14pt;
}

.largeFont
{
    font-size: 16pt;
}

.largeFontRed
{
    font-size: 16pt;
    color: #f00;
    font-weight: bold;
}

.footerFont
{
    font-size: 12pt;
    color: #fff;
    font-weight: bold;
}

table
{
 vertical-align:top;
 border-spacing: 10px 5px;
}